<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">

    <title>极思创想·云旗IOS版 设备管理</title>

    <meta name="keywords" content="极思创想">
    <meta name="description" content="云旗">
    <link href="css/bootstrap.min.css?v=3.4.0" rel="stylesheet">
    <link href="css/font-awesome.min.css?v=4.3.0" rel="stylesheet">
    <link href="css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/style.min.css?v=3.0.0" rel="stylesheet">
    <link href="css/device_manage.css" rel="stylesheet">
    <link href="css/pagination.css" rel="stylesheet">
    <link href="css/bootstrapSwitch.css" rel="stylesheet">

</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight" id='maindiv'>

        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>设备列表</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                            <a class="dropdown-toggle" data-toggle="dropdown" href="table_basic.html#">
                                <i class="fa fa-wrench"></i>
                            </a>
                            <ul class="dropdown-menu dropdown-user">
                                <li><a href="table_basic.html#">选项1</a>
                                </li>
                                <li><a href="table_basic.html#">选项2</a>
                                </li>
                            </ul>
                            <a class="close-link">
                                <i class="fa fa-times"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-2 m-b-xs">

                            </div>
                            <div class="col-sm-2 m-b-xs">

                            </div>
                            <div class="col-sm-8">
                                <button type="button" id="update_remark" class="btn btn-primary btn-sm" style="float:right;margin-left: 10px;">修改备注</button>
                                <button type="button" id="open_ipa_installer" class="btn btn-success btn-sm" style="float:right;margin-left: 10px;">为选中设备安装应用</button>
                                <button type="button" id="open_scanner_reboot" class="btn btn-info btn-sm" style="float:right;margin-left: 10px;">重启选中设备</button>
                                <button type="button" id="end_script" class="btn btn-danger btn-sm" style="float:right;margin-left: 10px;">停止脚本</button>
                                <button type="button" id="start_script" class="btn btn-info btn-sm" style="float:right;margin-left: 10px;">启动脚本</button>
                                <button type="button" id="open_scanner_file" class="btn btn-warning btn-sm" style="float:right;margin-left: 10px;"><i class="fa fa-desktop"></i>向选中设备发送文件</button>
                                <button type="button" id="open_scanner" class="btn btn-danger btn-sm" style="float:right;margin-left: 10px;">(Scanner)扫描主机</button>
                                <div class="input-group" style="width:230px;float:right;">
                                    <input type="text" placeholder="请输入关键词" class="input-sm form-control" id="search_input"> <span class="input-group-btn">
                                        <button type="button" class="btn btn-sm btn-primary" id="search_btn"> 搜索</button> </span>
                                </div>
                            </div>
                        </div>
                        <div class="table-responsive">
                            <table class="table table-striped">
                                <thead>
                                    <tr>
                                        <th style="width: 172px;text-align:center;">
                                            <div class="btn-group" style="width: 156px;">
                                                <button class="btn btn-success btn-xs dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"
                                                style="margin-left: 39px;margin-top: 6px;">
                                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;选择&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                    <span class="caret"></span>
                                                </button>
                                                <ul class="dropdown-menu">
                                                    <li><a href="javascript:setallchecked()" style="text-align:center">全选</a></li>
                                                    <li><a href="javascript:setalluncheck()" style="text-align:center">全不选</a></li>
                                                    <li><a href="javascript:setalltoggle()" style="text-align:center">反选</a></li>
                                                </ul>
                                            </div>
                                        </th>
                                        <th>编号</th>
                                        <th>设备ip</th>
                                        <th>备注</th>
                                        <th>当前任务</th>
                                        <th style="text-align: center;">任务进度</th>
                                        <th>网络监控</th>
                                        <th style="width: 130px;">管理</th>
                                    </tr>
                                </thead>
                                <tbody id="device_list" onselect="return false;">
                                    <!--此处为 设备列表-->
                                </tbody>
                            </table>
                            <div id="Pagination" class="pagination" style="float:right;">
                                <!-- 这里显示分页 -->
                            </div>
                        </div>

                    </div>
                </div>
            </div>

        </div>
    </div>
    <div id="overlay"></div>
    <!---------ipa安装UI开始------------->
    <div class="panel panel-danger container" id="ipainstaller">
        <div class="panel-heading">
            ipa应用安装
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-md-6">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5>从文件库选择ipa文件</h5>
                            <div class="ibox-tools">
                                <a class="collapse-link">
                                    <i class="fa fa-chevron-up"></i>
                                </a>
                            </div>
                        </div>
                        <div class="ibox-content">
                            <div class="list-group" id="ipa-files-list">
                                <!--为设备安装应用 ipa选择-->
                            </div>
                            <p>当前文件选择:<span id="filename" class="label label-warning">
                                未选择文件
                            </span></p>
                        </div>
                    </div>
                    
                </div>
                <div class="col-md-6">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5>日志</h5>
                            <div class="ibox-tools">
                                <a class="collapse-link">
                                    <i class="fa fa-chevron-up"></i>
                                </a>
                            </div>
                        </div>
                        <div class="ibox-content">
                            <div id="ipa-installer-log">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                </div>
                <div class="col-md-4" style="text-align:center">
                    <button type="button" class="btn btn-w-m btn-primary" id="startinstallipa">开始安装</button>
            <button type="button" class="btn btn-w-m btn-danger" id="cellinstallipa">取消安装</button>
                </div>
                <div class="col-md-4">
                </div>
            </div>
        </div>
    </div>
    <!---------ipa安装UI结束------------->
    
    <div id="overlay1"></div>
    <!---------lua脚本UI开始------------->
    <div class="panel panel-danger container" id="luadownload">
        <div class="panel-heading">
            发送LUA脚本
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-md-6">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5>从文件库选择LUA脚本</h5>
                            <div class="ibox-tools">
                                <a class="collapse-link">
                                    <i class="fa fa-chevron-up"></i>
                                </a>
                            </div>
                        </div>
                        <div class="ibox-content">
                            <div class="list-group" id="lua-files-list">
                               
                            </div>
                            <p>当前文件选择:<span id="luafilename" class="label label-warning">
                                未选择文件
                            </span></p>
                        </div>
                    </div>
                    
                </div>
                <div class="col-md-6">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5>日志</h5>
                            <div class="ibox-tools">
                                <a class="collapse-link">
                                    <i class="fa fa-chevron-up"></i>
                                </a>
                            </div>
                        </div>
                        <div class="ibox-content">
                            <div id="lua-log">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                </div>
                <div class="col-md-4" style="text-align:center">
                    <button type="button" class="btn btn-w-m btn-primary" id="startsendlua">开始发送</button>
            <button type="button" class="btn btn-w-m btn-danger" id="cellsendlua">关闭发送</button>
                </div>
                <div class="col-md-4">
                </div>
            </div>
        </div>
    </div>
    <!---------lua脚本结束------------->
    
    <div id="overlay2"></div>
    <!---------脚本启动UI开始------------->
    <div class="panel panel-danger container" id="scriptstart">
        <div class="panel-heading">
            脚本启动
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-md-6">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5>从文件库选择脚本启动</h5>
                            <div class="ibox-tools">
                                <a class="collapse-link">
                                    <i class="fa fa-chevron-up"></i>
                                </a>
                            </div>
                        </div>
                        <div class="ibox-content">
                            <div class="list-group" id="script-list">
                               
                            </div>
                            <p>当前文件选择:<span id="scriptname" class="label label-warning">
                                未选择文件
                            </span></p>
                        </div>
                    </div>
                    
                </div>
                <div class="col-md-6">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5>日志</h5>
                            <div class="ibox-tools">
                                <a class="collapse-link">
                                    <i class="fa fa-chevron-up"></i>
                                </a>
                            </div>
                        </div>
                        <div class="ibox-content">
                            <div id="script-log">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                </div>
                <div class="col-md-4" style="text-align:center">
                    <button type="button" class="btn btn-w-m btn-primary" id="startscript">启动脚本</button>
            <button type="button" class="btn btn-w-m btn-danger" id="closescript">关闭</button>
                </div>
                <div class="col-md-4">
                </div>
            </div>
        </div>
    </div>
    <!---------脚本启动UI结束------------->
    
    <div id="overlay3"></div>
    <!---------脚本停止UI开始------------->
    <div class="panel panel-warning col-md-4" id="scriptend">
        <div class="panel-heading">
            脚本停止
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-md-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5>日志</h5>
                            <div class="ibox-tools">
                                <a class="collapse-link">
                                    <i class="fa fa-chevron-up"></i>
                                </a>
                            </div>
                        </div>
                        <div class="ibox-content">
                            <div id="scriptend-log">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-8 col-md-offset-2" style="text-align:center">
                    <button type="button" class="btn btn-w-m btn-primary" id="endscript">停止脚本</button>
                    <button type="button" class="btn btn-w-m btn-danger" id="closeendscript">关闭</button>
                </div>
            </div>
        </div>
    </div>
    <!---------脚本停止UI结束------------->
    
    <!-- 全局js -->
    <script src="js/jquery-2.1.1.min.js"></script>
    <script src="js/bootstrap.min.js?v=3.4.0"></script>


    <script src="../layer/layer.js"></script>
    <!-- Peity -->
    <script src="js/plugins/peity/jquery.peity.min.js"></script>

    <!-- 自定义js -->
    <script src="js/content.min.js?v=1.0.0"></script>

    <!--<script src="js/test/icheck.js"></script>-->

    <!-- iCheck -->
    <script src="js/plugins/iCheck/icheck.min.js"></script>
    <!-- 分页js -->
    <script src="js/bootstrapSwitch.js"></script>
    <script src="js/jquery.pagination.js"></script>
    <script src="js/plugins/peity/jquery.peity.min.js"></script>
    <!--<script src="js/demo/peity-demo.min.js"></script>-->

    <script src="js/device_manage.js"></script>
    <style type="text/css">
        #overlay {
            background: #000;
            filter: alpha(opacity=50);
            /* IE的透明度 */
            opacity: 0.5;
            /* 透明度 */
            display: none;
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            z-index: 100;
            /* 此处的图层要大于页面 */
            display: none;
        }
    </style>
</body>

</html>